<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>练习</title>
	<style>
		.clearfix::before,
		.clearfix::after{
			content:'';
			display:table;
			clear:both;
		}
		a{
			text-decoration:none;
		}
		.box1{
			width:100%;
			line-height:40px;
			background-color:#ada;
		}

		
		.tar{
			width:600px;
			background-color:yellow;
			margin:0 auto;
		}
		.tar li{
			float:left;
			list-style:none;
		}
		.tar .line{
			margin:0 10px;
		}
		.tar a{
			font-size:12px;
			display:block;
		}
		.tar a:hover{
			color:#fff;
		}

		.app{
			position:relative;
		}

		.app .qrcode{
			position:absolute;
		}
	</style>
</head>
<body>
	<div class="box1 ">
		<ul class="tar clearfix">
			<li><a href="javascript:;">西欧阿米1</a></li>
			<li class="line">|<li>
			<li><a href="javascript:;">西欧阿米2</a></li>
			<li class="line">|<li>
			<li><a href="javascript:;">西欧阿米3</a></li>
			<li class="line">|<li>
			<li><a  class="app" href="javascript:;">
				西欧阿米4
				<div class="qrcode">
                    <img src="./img/download.png">
				</div>
			</a></li>
			<li class="line">|<li>
			<li><a href="javascript:;">西欧阿米5</a></li>
			<li class="line">|<li>
			<li><a href="javascript:;">西欧阿米6</a></li>

		</ul>

	</div>
</body>
</html>